.home {
    .am-flexbox {

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .am-flexbox-item {
        flex: 1;
        text-align: center;
    }

    .am-flexbox-item h2 {
        font-size: 16px;
        font-weight: normal;
        color: #bbb;
    }

    .am-flexbox-item .iconfont {
        color: aqua;
        font-size: 30px;
    }

    .group {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        width: 100%;
        height: 50px;
        background-color: #eee;

        .title {
            font-size: 20px;
            font-weight: normal;
            text-align: center;
            margin-left: 15px;
        }

        .more {
            display: inline-block;
            font-size: 16px;
            color: #bbb;
            position: absolute;
            right: 10px;
            text-align: center;
        }
    }

    .gouter {
        background-color: #eee;

        .am-grid-item-content {
            background-color: #fff;
            margin-right: 10px;
        }

        .am-flexbox {
            padding: 5px 0;
        }


    }

    .group-item {

        .desc {
            margin-right: 10px;
        }

        .info {
            font-size: 16px;
            color: #ccc;
        }

        .title {
            margin-bottom: 10px;

        }
    }

    .am-flexbox-align-stretch {
        margin-bottom: 15px;
    }

    .am-grid-square .am-flexbox-align-stretch {
        border: 0;
    }

}



.floot {
    .zuixin {
        margin: 20px 0;


        h3 {
            font-size: 18px;
            font-weight: 600px;
            margin-left: 15px;
            transform: translateY(-50%);

        }
    }

    .floot-d {


        .floot-w {
            font-size: 16px;
            font-weight: 400;
            transform: translateY(-20%);

        }

        .floot-s {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            color: #ccc;
            margin-top: 30px;
        }
    }
}

.swiper {
    position: relative;

    .seach {
        width: 100%;
        display: flex;
        position: absolute;
        top: 30px;
        justify-content: center;
        align-items: center;

        .seach-left {
            position: relative;
            flex: 9;
            padding-left: 10px;

            span {
                color: #fff;
            }

            input {
                width: 83%;
                height: 35px;
                margin-left: 10px;
                padding-left: 30px;
                outline: none;
                border: none;

            }

            .icon-cart-full-fill {
                position: absolute;
                top: 3px;
                left: 54px;
                color: #ccc;
            }
        }

        .seach-right {
            flex: 1;
            margin-right: 20px;
            align-self: center;
            text-align: center;

            .icon-map {
                color: #fff;
                font-size: 35px;
            }
        }
    }
}